<template>
    <div class="banner">
        <div class="banner-img-full">
            <p>{{$t('home.title')}}</p>
        </div>
    </div>
</template>
<script>
export default {
    name: "CommonBanner",
    data () {
        return {

        }
    }
}
</script>
<style lang="scss" scoped="" type="text/css">
.banner{
    font-size: .35rem;
    .banner-img-full{
        color:#fff;
        width: 100%;
        min-height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(../../assets/images/img1.jpg) bottom center no-repeat;
        margin-bottom: $gSpace;
        p{
            display: block;
            width: 100%;
            height: auto;
            text-align: center
        }
    }
}

</style>

